<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link href="framework/reset.css" rel="stylesheet">
	<link href="css/businessInfo.css" rel="stylesheet">
<title>businessInfo</title>
</head>

<body>
	<div class="wrapper">
		<!-- header part -->
		<header>
			<p>商家信息</p>
		</header>
		
		<!-- business logo -->
		<div class="business-logo">
			<img src="img/business_jiaozichuanshuo.png">
		</div>
		
		<!-- business info -->
		<div class="business-info">
			<h1>饺子传说</h1>
			<p>&#165;15起送 &#165;3配送</p>
			<p>各种饺子</p>
		</div>
		
		<!-- food list -->
		<ul class="food">
			<li>
				<div class="food-left">
					<img src="img/food_01_01.jpg">
					<div class="food-left-info">
						<h3>虾仁肉三鲜水饺</h3>
						<p>新鲜猪肉</p>
						<p>&#165;24.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						<i class="fa fa-minus-circle"></i>
					</div>
					
					<p><span>2</span></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_02.jpg">
					<div class="food-left-info">
						<h3>韭菜鸡蛋素水饺</h3>
						<p>韭菜鸡蛋</p>
						<p>&#165;15.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						
					</div>
					
					<p></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_03.jpg">
					<div class="food-left-info">
						<h3>猪肉大葱水饺</h3>
						<p>新鲜猪肉</p>
						<p>&#165;21.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						
					</div>
					
					<p></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_04.jpg">
					<div class="food-left-info">
						<h3>鸡蛋西葫水饺</h3>
						<p>西葫芦</p>
						<p>&#165;15.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						
					</div>
					
					<p></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_05.jpg">
					<div class="food-left-info">
						<h3>猪肉酸菜水饺</h3>
						<p>新鲜猪肉</p>
						<p>&#165;23.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						
					</div>
					
					<p></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_06.jpg">
					<div class="food-left-info">
						<h3>猪肉韭菜水饺</h3>
						<p>新鲜猪肉</p>
						<p>&#165;21.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						
					</div>
					
					<p></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_07.jpg">
					<div class="food-left-info">
						<h3>猪肉白菜水饺</h3>
						<p>新鲜猪肉</p>
						<p>&#165;21.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						
					</div>
					
					<p></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_08.jpg">
					<div class="food-left-info">
						<h3>牛肉大葱水饺</h3>
						<p>新鲜猪肉</p>
						<p>&#165;24.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						<i class="fa fa-minus-circle"></i>
					</div>
					
					<p><span>1</span></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_09.jpg">
					<div class="food-left-info">
						<h3>虾仁素三鲜水饺</h3>
						<p>新鲜猪肉</p>
						<p>&#165;24.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						
					</div>
					
					<p></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
			
			<li>
				<div class="food-left">
					<img src="img/food_01_10.jpg">
					<div class="food-left-info">
						<h3>猪肉玉米蒸饺</h3>
						<p>新鲜猪肉</p>
						<p>&#165;5.9</p>
					</div>
				</div>
					
				<div class="food-right">
					<div>
						
					</div>
					
					<p></p>
					
					<div>
						<i class="fa fa-plus-circle"></i>
					</div>
				</div>
			</li>
		</ul>
		
		<!-- shopping cart -->
		<div class="cart">
			<div class="cart-left">
				<div class="cart-left-icon">
					<i class="fa fa-shopping-cart"></i>
					<div class="cart-left-icon-quantity">3</div>
				</div>
				
				<div class="cart-left-info">
					<p>&#165;74.7</p>
					<p>另需配送费3元</p>
				</div>
			</div>
			
			<div class="cart-right">
				<!-- not enough for delivery -->
				<!-- <div class="cart-right-item">&#165;15起送</div> -->
				<!-- enough for delivery -->
				<div class="cart-right-item" onClick="location.href='order.html'">
					去结算
				</div>
			</div>
		</div>
	</div>
		
</body>
</html>
